$(function (){

    $("#but1").on("click",function (){
        $("#login").removeClass("yin");
        $("#login").addClass("xian");
        $("#reg").removeClass("xian");
        $("#reg").addClass("yin");
    })

    $("#but2").on("click",function (){
        $("#reg").removeClass("yin");
        $("#reg").addClass("xian");
        $("#login").removeClass("xian");
        $("#login").addClass("yin");
    })
})